iT邦幫忙

2021 iThome 鐵人賽

DAY 21
0
Modern Web

網頁設計入門筆記系列 第 21

Day21輸出(JavaScript)

  • 分享至 

  • xImage
  •  

JS沒有print或者輸出這類的函數
但是有以下這四種方法可以撈出它輸出的資料哦
這些示範只用到小量的CODE所以我就把它寫在HTML的Body了

window.alert() 跳出警告框

<script>
      window.alert(1+2+3);
</script>

顯示結果:
https://ithelp.ithome.com.tw/upload/images/20210926/20129404OA32Srrzqr.jpg

innerHTML 利用獲取ID來操作HTML元素

<p id="hey">嘿嘿嘿</p>
<script>
document.getElementById("demo").innerHTML = "修改成功!";
</script>

顯示結果:
https://ithelp.ithome.com.tw/upload/images/20210926/20129404U6JyYrRcJJ.jpg

document.write() 直接寫到HTML文檔

<script>
   document.write(Date());
</script>

顯示結果:
https://ithelp.ithome.com.tw/upload/images/20210926/20129404VZyal8Qy79.jpg

console.log() 寫到控制台

我是習慣在瀏覽器點F12開啟控制台就能看到輸出結果

<script>
    a = 2;
    b = 1;
    c = a+b;
    console.log(c);
</script>

顯示結果:
https://ithelp.ithome.com.tw/upload/images/20210926/201294040dG1Ax8tY3.jpg


上一篇
Day20實用的線上練習平台
下一篇
Day22宣告(JavaScript)
系列文
網頁設計入門筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言